<template>
    <div class="platform-page page">
        <img width="100%" src="/images/coach_training_banner.jpg"/>
        <div class="content">
            <PlatformCrumb back="返回" style="margin-top: 0;">
            </PlatformCrumb>
            <div class="content event-detail">
                <div class="qy_detailbody">
                    <div class="qy_detailbodytitle">
                        <span>基本资料</span>
                    </div>
                    <div class="qy_detailbody1">
                        <img class="qiuyuanimg" :src="detail.imgs|filtersImg" alt="">
                        <div class="qy_detailbody1z">
                            <el-form ref="form" :model="form" label-width="120px">
                                <el-row :gutter="20">
                                    <el-col :span="12">
                                        <el-form-item label="姓名">
                                            <p>{{detail.name}}</p>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="在读学校">
                                            <p>{{detail.name}}</p>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="申请机构">
                                            <p>{{detail.mechanismId}}</p>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="证件号码">
                                            <p>{{detail.leaderNo}}</p>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="所属教练员">
                                            <p>{{detail.coachId}}</p>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="联系地址">
                                            <p>{{detail.address}}</p>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="监护人">
                                            <p>{{detail.guardianName}}</p>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="">
                                            <p>{{detail.addressInfo}}</p>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="联系电话">
                                            <p>{{detail.number}}</p>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="鞋码">
                                            <p>{{detail.shoeSize}}</p>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="微信">
                                            <p>{{detail.guardianWeChatNo}}</p>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="服装尺码">
                                            <p>{{detail.fzName}}</p>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                            </el-form>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import PlatformCrumb from "@/components/PlatformCrumb.vue";
    import {getDetail,playergetInfo} from '../../api/api/platform.js';
    import {baseImgPath, basefile} from '@/config/env.js';

    export default {
        components: {
            PlatformCrumb
        },
        data() {
            return {
                id: this.$route.query.id,
                data: {
                    id: this.$route.query.id
                },
                isshow: false,
                detail: {
                    address: "string",
                    addressInfo: "string",
                    age: 0,
                    clas: "string",
                    coachId: 1,
                    foot: 0,
                    fz: 0,
                    fzName: null,
                    goodLocation: null,
                    grouping: 9,
                    groupingName: "U9",
                    guardianName: null,
                    guardianPhone: "12345678990",
                    guardianWeChatNo: "string",
                    height: null,
                    id: 3,
                    imgs: "string",
                    leaderNo: "string",
                    mechanismId: 0,
                    name: "bang3",
                    number: 0,
                    school: "string",
                    sex: 0,
                    shoeSize: "string",
                    skill: null,
                    skillName: null,
                    style: null,
                    styleName: null,
                    sumScoure: "0",
                    userId: 15,
                    weakFoot: 0,
                    weight: null,
                    zd: 0,
                    zdName: null,
                }
            };
        },
        created() {
            this.getDetail()
        },
        methods: {
            goAdd() {
                var that = this;
                that.$router.push({
                    path: '/platform/matchEdit',
                })
            },
            show_fun() {
                this.isshow = !this.isshow
            },
            getDetail() {
                var that = this;
                playergetInfo(this.data).then(res => {
                    console.log(res);
                    if (res.code == 200) {
                        that.detail = res.data
                    }
                });
            },
        },
        filters: {
            filtersImg: function (img) {
                return basefile + img
            },
        },
    };
</script>

<style lang="less" scoped>
    @import url("platform.less");

    .operation {
        margin-right: 25px;
    }
</style>
